import { globalStyle, style } from '@vanilla-extract/css';
import { vars } from '../../../theme/vars.css';

export const comboOptionStyle = style({
	flex: '1',
	display: 'flex',
	flexDirection: 'column',
	justifyContent: 'center',
	paddingRight: '1em',
});

globalStyle(`${comboOptionStyle} > div.name`, {
	fontWeight: 'bold',
	fontSize: '1.1em',
});

globalStyle(`${comboOptionStyle} > div.desc`, {
	color: vars.color.secondaryText,
});
